<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
<h1>网站一级标题</h1>
<ul>
    <li><a href="">导航链接一</a></li>
    <li><a href="">导航链接二</a></li>
    <li><a href="">导航链接三</a></li>
    <li><a href="">导航链接四</a></li>
</ul>
<article>
    <h1>文章一级标题</h1>
    <h2>文章一级标题</h2>
    <p>文章作者&nbsp;文章发表时间</p>
    <p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>这是一个很长很长的段落，<a href="">这时一个链接</a>这是一个很长很长的段落，换行了<br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了
        <br>
        <img src="21">
        <br>
        这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>这是一个很长很长的段落，<a href="">这时一个链接</a>这是一个很长很长的段落，换行了<br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了
    </p>
</article>
<article>
    <h1>另一篇文章一级标题</h1>
    <h2>文章二级标题</h2>
    <p>文章作者&nbsp;文章发表时间</p>
    <p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>这是一个很长很长的段落，<a href="">这时一个链接</a>这是一个很长很长的段落，换行了<br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了
        <br>
        <img src="21">
        <br>
    <ul>
        <li>列表项目一</li>
        <li>列表项目二</li>
        <li>列表项目三</li>
    </ul>
    </p>
    <h2>图片</h2>
    <p>好看的图片<br><img src="123"></p>
    <p>好看的图片<br><img src="123"></p>
    <p>好看的图片<br><img src="123"></p>
    <p>好看的图片<br><img src="123"></p>
    <p>好看的图片<br><img src="123"></p>
</article>
<article>
    <h1>最后一篇文章一级标题</h1>
    <h2>文章二级标题</h2>
    <p>文章作者&nbsp;文章发表时间</p>
    <ol>
        <li>排名1</li>
        <li>排名2</li>
        <li>排名3</li>
    </ol>
    <p>下面是一个表格
        <br>
    <table border="1">
        <tr>
            <th>表头</th>
            <th>表头</th>
            <th>表头</th>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td><a href="123">操作</a></td>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td><a href="123">操作</a></td>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td><a href="123">操作</a></td>
        </tr>
    <tr>
        <td>总计</td>
        <td colspan="2">1000</td>
    </tr>
    </table>
    </p>
</article>
<aside>
    <h1>这里以后是一个侧栏，这是侧栏的标题</h1>
    <h1>侧栏注册窗口标题</h1>
    <form method="get">
    <p>
        请输入邮箱地址：<input type="text" placeholder="这是一个文本输入框">
    </p>
    <p>
        邮箱地址请按要求格式输入
    </p>
    <p>
        请输入密码：<input type="password" placeholder="这是一个文本输入框">
        请重复输入密码：<input type="password" placeholder="这是一个文本输入框">
    </p>
    <p>
        密码请为6-16位英文数字
    </p>
    <p>
        性别：
        <input type="radio" value="man" checked>男
        <input type="radio" value="woman">女
        城市：
        <select>
            <option>北京</option>
            <option>上海</option>
            <option>深圳</option>
            <option>广州</option>
        </select>
        爱好：
        <input type="checkbox">运动
        <input type="checkbox">艺术
        <input type="checkbox">科学
        个人描述：
        <textarea>这是一个多行输入框，输入您的个人描述</textarea>
        <input type="submit" value="确认提交">
    </p>
    </form>
</aside>
版权所有©
</body>
</html>